/* 
 * 这是一个 CSS 模板文件
 * 使用 {{variable}} 语法进行变量替换
 * 以下变量会在运行时被实际值替换：
 * - beforeCircleSize
 * - beforeCircleColor
 * - beforeCircleShadowColor
 * - beforeCircleRight
 * - beforeCircleTop
 * - afterCircleSize
 * - afterCircleColor
 * - afterCircleBorderWidth
 * - afterCircleTop
 * - afterCircleRight
 * - blurAmount
 */

/* 背景线条样式 BY 香水 [二群大佬提供] */

/* 伪元素创建背景线条样式 */
.w-full .font-semibold::before {
  content: "";
  position: absolute;
  width: /*{{beforeCircleSize}}*/40px;
  height: /*{{beforeCircleSize}}*/40px;
  border-radius: 60%;
  background: /*{{beforeCircleColor}}*/rgba(255, 255, 255, 0.5);
  box-shadow: -8px 21px 0 /*{{beforeCircleShadowColor}}*/rgba(255, 255, 255, 0.3);
  z-index: -1;
  right: /*{{beforeCircleRight}}*/-50px;
  top: /*{{beforeCircleTop}}*/-50px;
  pointer-events: none;
}

/* 伪元素创建另一种背景线条样式 */
.w-full .font-semibold::after {
  content: "";
  position: absolute;
  width: /*{{afterCircleSize}}*/33px;
  height: /*{{afterCircleSize}}*/33px;
  border: /*{{afterCircleBorderWidth}}*/2px solid /*{{afterCircleColor}}*/rgba(255, 255, 255, 0.5);
  border-radius: 70%;
  z-index: -1;
  top: /*{{afterCircleTop}}*/-25px;
  right: /*{{afterCircleRight}}*/50px;
  pointer-events: none;
}

/* 设置图标信息框的圆角样式 */
.icon-info-box .rounded-2xl {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(/*{{blurAmount}}*/10px);
  backdrop-filter: blur(/*{{blurAmount}}*/10px);
} 